<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="layout :: common_header(~{::title})">
    <title>入库单列表 - [[${T(com.b2c.erp.DataConfigObject).getInstance().getSysName()}]]</title>
</head>
<body th:replace="layout :: common_body(~{::div.layui-body})">

<div class="layui-body" style="padding:15px;top: 0px;">
    <style type="text/css">
        .record-box h2 {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 40px;
        }

        .record-input input {
            width: 400px;
            height: 22px;
            line-height: 22px;
            font-size: 16px;
            padding: 14px 9px;
            border: 1px solid #787878;
        }
    </style>
    <!-- start sp-wrapper -->
    <link rel="stylesheet" href="/sb/stock.css"/>
    <div class="sp-wrapper">
        <div class="sp-tool">
            <span class="fl">
                <form action="/stock_in/stock_in_form_list" method="get">
                    <input type="hidden" th:value="${type}" />
                <b>日期：<input type="text" name="startDate" th:value="${startDate}" autocapitalize="off" class="date" id="strat_date"> -
                    <input type="text" th:value="${endDate}" name="endDate" class="date"  autocapitalize="off" id="end_date"></b>
                <b><input type="text" id="billNo" name="billNo" style="width: 200px;" autocomplete="off" th:value="${billNo}" placeholder="输入入库单号查询"></b>
<!--                <b><input type="text"  name="sourceNo" style="width: 200px;" autocomplete="off" th:value="${sourceNo}" placeholder="源单据号(采购单号)"></b>-->
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <select id="type" name="type">
                                <option value="">入库类型</option>
                                <option value="1">采购入库</option>
                                <option value="2">销售退货入库</option>
                                <option value="3">盘点入库</option>
                            </select>
                        </div>
                   </div>
                                        <b><input type="submit" class="button" value="查询"></b>
                                            <b>总共：&nbsp;[[${totalSize}]]&nbsp;条记录</b>

                                        <b><input type="button" class="button" id="excel_btn" value="导出"></b>
                                        </form>
                                    </span>
                                </div>
                                <div class="sp-table">
                                    <table>
                                        <thead>
                                        <tr>
                                            <th>入库单ID</th>
                                            <th>入库单号</th>
                                            <th>源单据号</th>
                                            <th>入库人</th>
                                            <th>入库总数量</th>
                                            <th>入库类型</th>
                                            <th>入库时间</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="item:${list}">
                                            <td th:text="${item.getId()}">2019-4-11</td>
                                            <td th:text="${item.number}">CG190411100335401</td>
                                            <td th:text="${item.sourceNo}">CG190411100335401</td>

                                            <td th:text="${item.getStockInUserName()}">华衣</td>
                                            <td th:text="${item.quantity}"></td>
                                            <td th:text="${T(com.b2c.entity.erp.enums.EnumStockInType).getName(item.getInType())}"></td>
                                            <td >
                                                <b th:if="${item.stockInTime1 != null && item.stockInTime1 > 0}" th:text="${#dates.format(item.getStockInTime1() * 1000,'yyyy-MM-dd HH:mm:ss')}"></b>
                                                <b th:if="${item.stockInTime1 == null || item.stockInTime1 <= 0}" th:text="${#dates.format(item.getStockInTime() ,'yyyy-MM-dd HH:mm:ss')}"></b>
                                            </td>
                                            <td>
                                                <a class="stockIn" th:href="${'/stock_in/form_item?id='+item.id}" target="_blank">入库详情</a>
                                                <a class="stockIn print" th:attr="data-id=${item.id}">打印入库单</a>
                                                <a class="stockIn" th:href="${'/stock_in/form_item_export?id='+item.id}" target="_blank">导出入库单</a>
                                            </td>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="pages">
                                    <paging:pager th:value="${pageIndex}" th:rows="${totalSize}" th:size="${pageSize}"/>
                                </div>
                            </div>


                            <script type="text/javascript" src="/sb/jquery.min.js"></script>
                            <script type="text/javascript" src="/sb/Tips.min.js"></script>

                            <style type="text/css">
                                .check-box {
                                    position: relative;
                                    width: 900px;
                                    padding: 0 5px;
                                    font-size: 13px;
                                    color: #787878;
                                }

                                .check-info {
                                    line-height: 40px;
                                    overflow: hidden;
                                }

                                .check-info span {
                                    float: left;
                                    width: 18%;
                                    text-align: center;
                                }

                                .check-info span:nth-child(1) {
                                    width: 30%;
                                    text-align: left;
                                }

                                .check-info span:nth-child(5) {
                                    width: 16%;
                                    text-align: right;
                                }

                                .check-table {
                                    margin: 10px 0;
                                    max-height: 250px;
                                    overflow-y: auto;
                                }

                                .check-table table {
                                    width: 100%;
                                }

                                .check-table th, .check-table td {
                                    padding: 10px 0;
                                    font-size: 13px;
                                    text-align: center;
                                    border: 1px solid #787878;
                                }

                                .check-table th {
                                    padding: 5px 0;
                                }
                            </style>
                            <script type="text/template" id="tpl-1">
                                <div class="check-box">
                                    <div class="check-info">
                                        <span>单据编号：<i id="r-number">CG190411100335401</i></span>
                                        <span>单据日期：<i id="r-time">2019-04-11</i></span>
                                        <span>采购数量：<i id="r-count">2000</i></span>
                                        <span>制单人：<i id="r-name">张三</i></span>
                                        <span>供应商：<i id="r-trader">华衣</i></span>
                                    </div>
                                    <div class="check-table">
                                        <table>
                                            <thead>
                                            <tr>
                                                <th>SKU</th>
                                                <th>商品</th>
                                                <th>采购数量</th>
                                                <th>合格数量</th>
                                                <th>异常数量</th>
                                            </tr>
                                            </thead>
                                            <tbody id="r-table">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </script>
                            <script type="text/javascript">
                                layui.use(['laydate', 'layer'], function () {
                                    var laydate = layui.laydate;
                                    var layer = layui.layer;
                                    //执行一个laydate实例
                                    $(".print").click(function () {
                                        var id = $(this).attr("data-id");
                                        console.log(id);
                                        //iframe层
                                        layer.open({
                                            type: 2,
                                            title: '打印入库单',
                                            shadeClose: true,
                                            shade: 0.8,
                                            area: ['940px', '90%'],
                                            content: '/stock_in/form_item?id=' + id //iframe的url
                                        });
                                    });
                                });
                                layui.use(['laydate', 'layer'], function () {
                                    var laydate = layui.laydate;
                                    //执行一个laydate实例
                                    laydate.render({
                                        elem: '#strat_date' //指定元素
                                    });
                                });
                                layui.use(['laydate', 'layer'], function () {
                                    var laydate = layui.laydate;
                                    //执行一个laydate实例
                                    laydate.render({
                                        elem: '#end_date' //指定元素
                                    });
                                });
                                $("#excel_btn").click(function () {
                                    //组合条件
                                    var url = "/purchase/purchase_in_export";
                                    var startTime = $("input[name=startDate]").val();
                                    var endTime = $("input[name=endDate]").val();

                                    if (startTime != '') {
                                        url += "?startTime=" + startTime;
                                    }
                                    if (startTime != '') {
                                        url += "&endTime=" + endTime;
                                    }
                                    window.open(url, "_blank");
                                })
                            </script>
                        </div>
                        </div>
                        </body>
                        </html>
